<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>服务商详情</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="css/ionicons.min.css">
		<link rel="stylesheet" href="css/AdminLTE.min.css">
		<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" type="text/css" href="css/public_main.css" />
		<style type="text/css">
			.zhizhao_te img {
				float: left;
				margin-left: 3% !important;
			}
			
			.zhizhao_te a {
				width: 82%;
				display: block;
			}
		</style>
	</head>

	<body>
		<div class="box">
			<div class="box-header with-border">
				<h3 class="box-title">服务商详情列表</h3>
			</div>
			<div id="mohu" class="clear">
				<div id="star_time" class="form-group">
					<label for="dtp_input1" class=" control-label">开始时间</label>
					<div class="input-group date form_date " data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input1" data-link-format="yyyy-mm-dd">
						<input id="datepicker" placeholder="请选择开始时间" onchange="gaibian()" class="form-control input_1" size="16" type="text" value="" readonly>
						<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

						<input type="hidden" id="dtp_input2" value="" />
					</div>
				</div>
				<div id="end_time" class="form-group">
					<label for="dtp_input2" class="control-label">结束时间</label>
					<div class="input-group date form_date2 " data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
						<input class="form-control input_2" placeholder="请选择结束时间" onchange="gaibian1()" size="16" type="text" value="" readonly>
						<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

						<input type="hidden" id="dtp_input2" value="" />
					</div>
				</div>
				<div class="search_search">
					<input type="text" name="" id="text_sousuo" value="" placeholder="请输入需要查询的内容" />
					<button id="search_chaxun" type="button" class="btn btn-success">搜索</button>
				</div>
			</div>

			<!--<div class="my_feilei">-->
			<!-- /.box-header -->
			<div style="margin-top:-35px;" class="box-body">
				<table class="table table-bordered">
					<tr>
						<th>序号</th>
						<th>服务商名称</th>
						<th>服务商类型</th>
						<th style="display: none;">服务商ID</th>
						<th>创建时间</th>
						<th>账号</th>
						<th>操作</th>
					</tr>
					<tbody id="tbbb">
						<tr>
							<td>1.</td>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th data-toggle="modal" data-target="#myModal" style="color:blue;cursor: pointer" ;><i class="fa fa-github-alt"></i></th>
						</tr>
					</tbody>

				</table>
			</div>
			<!-- /.box-body -->
			<div class="box-footer clearfix">
				<div>
					<s style="margin-top: 5px;">共有：</s> <span id="count"></span><s>条,每页显示13条</s>
				</div>
				<ul id='bp-3-element-test'>
				</ul>
			</div>
		</div>

		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel"></h4>
					</div>
					<div id="shenhe" class="modal-body">
						<ul id="myTab" class="nav nav-tabs">
							<li class="active">
								<a href="#home" data-toggle="tab">
									基础信息
								</a>
							</li>
							<li>
								<a href="#fix" data-toggle="tab">
									修改信息
								</a>
							</li>
							<li>
								<a href="#zhuce" data-toggle="tab">
									注册资料
								</a>
							</li>
							<li>
								<a href="#zizhi" data-toggle="tab">
									资质图片
								</a>
							</li>
						</ul>
						<!--<p>
							<span class="jichu_span te_p_span">基础信息</span>
							<span class="fix_span">修改信息</span>
							<span class="zhuce_span">注册资料</span>
							<span class="img_span">资质图片</span>

						</p>-->
						<ul id="ppp">
							<div id="myTabContent" class="tab-content">
								<div class=" tab-pane fade in active" id="home">
									<li>
										<span>商户名:</span><s id="s_name"></s>
									</li>

									<li>
										<span>账号:</span><s id="s_zhanghao"></s>
									</li>
									<li>
										<span>服务商id:</span><s id="s_id"></s>
									</li>

									<li>
										<span>邮箱:</span><s id="s_email"></s>
									</li>
									<li>
										<span>审核状态:</span><s id="s_shenhestate"></s>
									</li>
									<li>
										<span>联系人:</span><s id="s_person"></s>
									</li>

									<li>
										<span>手机号:</span><s id="s_telephone"></s>
									</li>

									<li>
										<span>电话:</span><s id="s_tel"></s>
									</li>
									<li>
										<span>服务商类型:</span><s id="s_type"></s>
									</li>
									<li>
										<span>二级类型:</span><s id="s_type_er"></s>
									</li>
									<li>
										<span>三级类型:</span><s id="s_type_san"></s>
									</li>

								</div>
								<div class="tab-pane fade" id="fix">
									<li style="display: none;">
										<span>创建人:</span><s id="s_chuang"></s>
									</li>
									<li>
										<span>创建人姓名:</span><s id="s_chuangname"></s>
									</li>
									<li>
										<span>创建时间:</span><s id="s_stime"></s>
									</li>
									<li>
										<span>费率:</span><s id="s_feilv"></s>
									</li>
									<li>
										<span>清算周期:</span><s id="s_qingsuanzhouqi"></s>
									</li>
									<!--<li>
								<span>创建时间:</span><s id="s_chuangtime"></s>
							</li>-->

									<li style="display: none;">
										<span>修改人:</span><s id="s_update"></s>
									</li>
									<li style="display: none;">
										<span>修改人名字:</span><s id="s_updatename"></s>
									</li>
									<li style="display: none;">
										<span>修改时间:</span><s id="s_updatetime"></s>
									</li>

									<li style="display: none;">
										<span>删除标记:</span><s id="s_remove_biaoji"></s>
									</li>

									<li style="display: none;">
										<span>删除人:</span><s id="s_remove_ren"></s>
									</li>
									<li style="display: none;">
										<span>删除人姓名:</span><s id="s_removename"></s>
									</li>
									<li style="display: none;">
										<span>删除时间:</span><s id="s_removetime"></s>
									</li>
									<li style="display: none;">
										<span>时间戳:</span><s id="s_shijianchuo"></s>
									</li>
									<li style="display: none;">
										<span>排序:</span><s id="s_paixu"></s>
									</li>
								</div>
								<div class="tab-pane fade" id="zhuce">
									<li>
										<span>法人姓名:</span><s id="s_farenName"></s>
									</li>
									<li>
										<span>法人身份证号:</span><s id="s_shenfenNum"></s>
									</li>
									<li>
										<span>注册登记时间:</span><s id="s_zhucetime"></s>
									</li>
								</div>
								<div class="tab-pane fade" id="zizhi">
									<li>
										<span>身份证照片面:</span>
										<img data-action="zoom" id="s_shenfenZheng" src="" />

									</li>
									<li>
										<span>身份证国徽面:</span>
										<img data-action="zoom" id="s_shenfenFan" src="" />

									</li>
									<li>
										<span>资质图:</span>
										<img data-action="zoom" id="s_zzhi" src="" />

									</li>
									<li class="zhizhao_te clear">
										<span>营业执照图:</span>
										<a></a>
										<!--<img data-action="zoom" id="s_zhizhao" src="dist/img/avatar5.png" />-->
										<!--<img data-action="zoom" id="s_zhizhao" src="dist/img/avatar5.png" />
										<img data-action="zoom" id="s_zhizhao" src="dist/img/avatar5.png" />
										<img data-action="zoom" id="s_zhizhao" src="dist/img/avatar5.png" />
										<img data-action="zoom" id="s_zhizhao" src="dist/img/avatar5.png" />-->
									</li>
								</div>
							</div>
							<!--<li>
								<span>审核批注：</span>
								<textarea style="display: block;" id="s_pizhu" name="" rows="5" cols="50"></textarea>
							</li>-->

						</ul>
					</div>
					<div class="modal-footer">
						<div class="shenhe_no">
							<button type="button" class="btn btn-default fanhui" data-dismiss="modal">返回</button>
							<button type="button" class="btn btn-info fixfeilv" data-dismiss="modal">修改费率及结算周期</button>
							<button data-toggle="modal" data-target="#myModal4" type="button" class="btn btn-danger ">删除</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">是否确认删除</h4>
					</div>
					<div class="modal-body">删除后数据无法找回</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-danger remove">确定删除</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>

		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">修改费率及结算周期</h4>
					</div>
					<div class="modal-body">
						<div id="shenhe" class="modal-body">
							<ul id="ppp">
								<li>
									<span>费率：</span>
									<input type="" name="fix_feilv" id="fix_feilv5" value="" />
								</li>
								<li>
									<span>结算周期：</span>
									<input type="" name="fix_feilv" id="fix_zhouqi5" value="" />
								</li>
							</ul>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-success sure_fix_feilv">确定修改</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
	</body>

</html>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="bootstrap/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/qunit-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap-paginator.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap-datetimepicker.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
<script src="js/zooming.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Business_listings.js" type="text/javascript" charset="utf-8"></script>